<template>
	<view class="column">
		<u-icon :name="icon" size="28"></u-icon>
		<text class="text">{{text}}</text>
	</view>
</template>

<script>
	export default {
		props:{
			icon: {
				type:String,
				default:'level'
			},
			text: {
				type:String,
				default:''
			}
		}
	}
</script>

<style lang="scss">
	.column {
		display: flex;
		flex-flow: column;
		align-items: center;
	}
</style>
